import React from 'react';

export const DartIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="#01579B"
      d="M5.013 18.936.996 14.92c-.476-.489-.772-1.18-.772-1.854 0-.312.176-.801.309-1.082l3.708-7.725z"
    />
    <path
      fill="#40C4FF"
      d="m18.764 5.032-4.017-4.017c-.351-.352-1.082-.772-1.7-.772-.531 0-1.052.106-1.39.309L4.241 4.259zM9.803 23.726h9.733v-4.172l-7.261-2.317-6.644 2.317Z"
    />
    <path
      fill="#29B6F6"
      d="M4.241 16.773c0 1.239.155 1.543.772 2.163l.618.618h13.905l-6.798-7.724-8.497-7.571z"
    />
    <path
      fill="#01579B"
      d="M16.601 4.259H4.241l15.295 15.295h4.171V9.976l-4.943-4.944c-.694-.697-1.311-.772-2.163-.772"
    />
    <path
      opacity=".2"
      fill="#FFF"
      d="M5.168 19.091c-.618-.62-.772-1.232-.772-2.318V4.414l-.154-.154v12.513c0 1.086 0 1.387.927 2.318l.464.464z"
    />
    <path
      opacity=".2"
      fill="#263238"
      d="M23.553 9.821V19.4h-4.171l.154.154h4.172V9.976Z"
    />
    <path
      opacity=".2"
      fill="#FFF"
      d="M18.764 5.032c-.766-.766-1.394-.772-2.318-.772H4.241l.154.154h12.051c.462 0 1.625-.077 2.318.618"
    />
    <radialGradient
      id="a"
      cx="538.463"
      cy="539.28"
      r="528.383"
      gradientUnits="userSpaceOnUse"
    >
      <stop offset="0" stopColor="#fff" stopOpacity={0.1} />
      <stop offset="1" stopColor="#fff" stopOpacity={0} />
    </radialGradient>
    <path
      opacity=".2"
      fill="url(#a)"
      d="m23.553 9.821-4.789-4.789-4.017-4.017c-.351-.352-1.082-.772-1.7-.772-.531 0-1.052.106-1.39.309L4.241 4.259.533 11.984c-.132.281-.309.769-.309 1.082 0 .674.297 1.365.772 1.854l3.702 3.675c.089.108.192.219.315.342l.154.154.464.464 4.017 4.017.154.154h9.733v-4.172h4.171V9.976z"
    />
  </svg>
);
